Page({

  data: {
    currentSelectSku: {}
  },

  onLoad: function (options) {
    /// 加※的注意对服务器返回的数据做处理，保证最终字段一致
    let skuList = [
      {
        skuId: 1,
        stock: 100,                  // 库存
        imageURL: 'http://pb9tpwgos.bkt.clouddn.com/06f7e2cefe784b44bab1c7abf5e4483a.jpg',
        exampleField1: '自定义字段1',
        exampleField2: '自定义字段2',
        exampleFieldN: '自定义字段n',
        price: 39900,
        isDefaultSelected: true,      // 是否默认选中，※
        skuAttributeList: [           // sku属性列表 ※
          {
            attributeName: '颜色',    // sku属性名※
            attributeValue: '红色',   // sku属性值※
            attributeIcon: 'http://pb9tpwgos.bkt.clouddn.com/06f7e2cefe784b44bab1c7abf5e4483a.jpg'  // sku属性icon ※
          }, {
            attributeName: '尺码',    // sku属性名※
            attributeValue: '130',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }, {
            attributeName: '长度',    // sku属性名※
            attributeValue: '8分',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }, {
            attributeName: '其他例子',    // sku属性名※
            attributeValue: '值A',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }
        ]
      }, {
        skuId: 2,
        stock: 30,                  // 库存
        imageURL: 'http://pb9tpwgos.bkt.clouddn.com/06f7e2cefe784b44bab1c7abf5e4483a.jpg',
        exampleField1: '自定义字段1',
        exampleField2: '自定义字段2',
        exampleFieldN: '自定义字段n',
        price: 39700,
        isDefaultSelected: true,      // 是否默认选中，※
        skuAttributeList: [           // sku属性列表 ※
          {
            attributeName: '颜色',    // sku属性名※
            attributeValue: '红色',   // sku属性值※
            attributeIcon: 'http://pb9tpwgos.bkt.clouddn.com/06f7e2cefe784b44bab1c7abf5e4483a.jpg'  // sku属性icon ※
          }, {
            attributeName: '尺码',    // sku属性名※
            attributeValue: '90',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }, {
            attributeName: '长度',    // sku属性名※
            attributeValue: '9分',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }, {
            attributeName: '其他例子',    // sku属性名※
            attributeValue: '值B',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }
        ]
      }, {
        skuId: 3,
        stock: 1000,                  // 库存
        imageURL: 'http://pb9tpwgos.bkt.clouddn.com/06f7e2cefe784b44bab1c7abf5e4483a.jpg',
        exampleField1: '自定义字段1',
        exampleField2: '自定义字段2',
        exampleFieldN: '自定义字段n',
        price: 49900,
        isDefaultSelected: true,      // 是否默认选中，※
        skuAttributeList: [           // sku属性列表 ※
          {
            attributeName: '颜色',    // sku属性名※
            attributeValue: '蓝色',   // sku属性值※
            attributeIcon: 'http://pb9tpwgos.bkt.clouddn.com/06f7e2cefe784b44bab1c7abf5e4483a.jpg'  // sku属性icon ※
          }, {
            attributeName: '尺码',    // sku属性名※
            attributeValue: '110',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }, {
            attributeName: '长度',    // sku属性名※
            attributeValue: '10分',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }, {
            attributeName: '其他例子',    // sku属性名※
            attributeValue: '值C',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }
        ]
      }, {
        skuId: 4,
        stock: 7,                  // 库存
        imageURL: 'http://pb9tpwgos.bkt.clouddn.com/06f7e2cefe784b44bab1c7abf5e4483a.jpg',
        exampleField1: '自定义字段1',
        exampleField2: '自定义字段2',
        exampleFieldN: '自定义字段n',
        price: 19900,
        isDefaultSelected: true,      // 是否默认选中，※
        skuAttributeList: [           // sku属性列表 ※
          {
            attributeName: '颜色',    // sku属性名※
            attributeValue: '粉色',   // sku属性值※
            attributeIcon: 'http://pb9tpwgos.bkt.clouddn.com/06f7e2cefe784b44bab1c7abf5e4483a.jpg'  // sku属性icon ※
          }, {
            attributeName: '尺码',    // sku属性名※
            attributeValue: '110',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }, {
            attributeName: '长度',    // sku属性名※
            attributeValue: '10分',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }, {
            attributeName: '其他例子',    // sku属性名※
            attributeValue: '值D',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }
        ]
      }, {
        skuId: 5,
        stock: 7,                  // 库存
        imageURL: 'http://pb9tpwgos.bkt.clouddn.com/06f7e2cefe784b44bab1c7abf5e4483a.jpg',
        exampleField1: '自定义字段1',
        exampleField2: '自定义字段2',
        exampleFieldN: '自定义字段n',
        price: 18800,
        isDefaultSelected: true,      // 是否默认选中，※
        skuAttributeList: [           // sku属性列表 ※
          {
            attributeName: '颜色',    // sku属性名※
            attributeValue: '紫色',   // sku属性值※
            attributeIcon: 'http://pb9tpwgos.bkt.clouddn.com/06f7e2cefe784b44bab1c7abf5e4483a.jpg'  // sku属性icon ※
          }, {
            attributeName: '尺码',    // sku属性名※
            attributeValue: '130',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }, {
            attributeName: '长度',    // sku属性名※
            attributeValue: '7分',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }, {
            attributeName: '其他例子',    // sku属性名※
            attributeValue: '值B',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }
        ]
      }, {
        skuId: 6,
        stock: 12,                  // 库存
        imageURL: 'http://pb9tpwgos.bkt.clouddn.com/06f7e2cefe784b44bab1c7abf5e4483a.jpg',
        exampleField1: '自定义字段1',
        exampleField2: '自定义字段2',
        exampleFieldN: '自定义字段n',
        price: 28800,
        isDefaultSelected: true,      // 是否默认选中，※
        skuAttributeList: [           // sku属性列表 ※
          {
            attributeName: '颜色',    // sku属性名※
            attributeValue: '军绿色',   // sku属性值※
            attributeIcon: 'http://pb9tpwgos.bkt.clouddn.com/06f7e2cefe784b44bab1c7abf5e4483a.jpg'  // sku属性icon ※
          }, {
            attributeName: '尺码',    // sku属性名※
            attributeValue: '140',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }, {
            attributeName: '长度',    // sku属性名※
            attributeValue: '7分',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }, {
            attributeName: '其他例子',    // sku属性名※
            attributeValue: '值D',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }
        ]
      }, {
        skuId: 7,
        stock: 1223,                  // 库存
        imageURL: 'http://pb9tpwgos.bkt.clouddn.com/06f7e2cefe784b44bab1c7abf5e4483a.jpg',
        exampleField1: '自定义字段1',
        exampleField2: '自定义字段2',
        exampleFieldN: '自定义字段n',
        price: 48800,
        isDefaultSelected: true,      // 是否默认选中，※
        skuAttributeList: [           // sku属性列表 ※
          {
            attributeName: '颜色',    // sku属性名※
            attributeValue: '军绿色',   // sku属性值※
            attributeIcon: 'http://pb9tpwgos.bkt.clouddn.com/06f7e2cefe784b44bab1c7abf5e4483a.jpg'  // sku属性icon ※
          }, {
            attributeName: '尺码',    // sku属性名※
            attributeValue: '90',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }, {
            attributeName: '长度',    // sku属性名※
            attributeValue: '9分',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }, {
            attributeName: '其他例子',    // sku属性名※
            attributeValue: '值A',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }
        ]
      }, {
        skuId: 8,
        stock: 121,                  // 库存
        imageURL: 'http://pb9tpwgos.bkt.clouddn.com/06f7e2cefe784b44bab1c7abf5e4483a.jpg',
        exampleField1: '自定义字段1',
        exampleField2: '自定义字段2',
        exampleFieldN: '自定义字段n',
        price: 48800,
        isDefaultSelected: true,      // 是否默认选中，※
        skuAttributeList: [           // sku属性列表 ※
          {
            attributeName: '颜色',    // sku属性名※
            attributeValue: '粉红色',   // sku属性值※
            attributeIcon: 'http://pb9tpwgos.bkt.clouddn.com/06f7e2cefe784b44bab1c7abf5e4483a.jpg'  // sku属性icon ※
          }, {
            attributeName: '尺码',    // sku属性名※
            attributeValue: '120',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }, {
            attributeName: '长度',    // sku属性名※
            attributeValue: '7分',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }, {
            attributeName: '其他例子',    // sku属性名※
            attributeValue: '值D',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }
        ]
      }, {
        skuId: 9,
        stock: 2,                  // 库存
        imageURL: 'http://pb9tpwgos.bkt.clouddn.com/06f7e2cefe784b44bab1c7abf5e4483a.jpg',
        exampleField1: '自定义字段1',
        exampleField2: '自定义字段2',
        exampleFieldN: '自定义字段n',
        price: 48800,
        isDefaultSelected: true,      // 是否默认选中，※
        skuAttributeList: [           // sku属性列表 ※
          {
            attributeName: '颜色',    // sku属性名※
            attributeValue: '粉红色',   // sku属性值※
            attributeIcon: 'http://pb9tpwgos.bkt.clouddn.com/06f7e2cefe784b44bab1c7abf5e4483a.jpg'  // sku属性icon ※
          }, {
            attributeName: '尺码',    // sku属性名※
            attributeValue: '120',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }, {
            attributeName: '长度',    // sku属性名※
            attributeValue: '7分',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }, {
            attributeName: '其他例子',    // sku属性名※
            attributeValue: '值D',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }
        ]
      }, {
        skuId: 10,
        stock: 200,                  // 库存
        imageURL: 'http://pb9tpwgos.bkt.clouddn.com/06f7e2cefe784b44bab1c7abf5e4483a.jpg',
        exampleField1: '自定义字段1',
        exampleField2: '自定义字段2',
        exampleFieldN: '自定义字段n',
        price: 98800,
        isDefaultSelected: true,      // 是否默认选中，※
        skuAttributeList: [           // sku属性列表 ※
          {
            attributeName: '颜色',    // sku属性名※
            attributeValue: '蓝色',   // sku属性值※
            attributeIcon: 'http://pb9tpwgos.bkt.clouddn.com/06f7e2cefe784b44bab1c7abf5e4483a.jpg'  // sku属性icon ※
          }, {
            attributeName: '尺码',    // sku属性名※
            attributeValue: '130',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }, {
            attributeName: '长度',    // sku属性名※
            attributeValue: '7分',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }, {
            attributeName: '其他例子',    // sku属性名※
            attributeValue: '值C',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }
        ]
      }, {
        skuId: 11,
        stock: 200,                  // 库存
        imageURL: 'http://pb9tpwgos.bkt.clouddn.com/06f7e2cefe784b44bab1c7abf5e4483a.jpg',
        exampleField1: '自定义字段1',
        exampleField2: '自定义字段2',
        exampleFieldN: '自定义字段n',
        price: 198800,
        isDefaultSelected: true,      // 是否默认选中，※
        skuAttributeList: [           // sku属性列表 ※
          {
            attributeName: '颜色',    // sku属性名※
            attributeValue: '粉红色',   // sku属性值※
            attributeIcon: 'http://pb9tpwgos.bkt.clouddn.com/06f7e2cefe784b44bab1c7abf5e4483a.jpg'  // sku属性icon ※
          }, {
            attributeName: '尺码',    // sku属性名※
            attributeValue: '130',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }, {
            attributeName: '长度',    // sku属性名※
            attributeValue: '7分',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }, {
            attributeName: '其他例子',    // sku属性名※
            attributeValue: '值C',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }
        ]
      }, {
        skuId: 12,
        stock: 12,                  // 库存
        imageURL: 'http://pb9tpwgos.bkt.clouddn.com/06f7e2cefe784b44bab1c7abf5e4483a.jpg',
        exampleField1: '自定义字段1',
        exampleField2: '自定义字段2',
        exampleFieldN: '自定义字段n',
        price: 28800,
        isDefaultSelected: true,      // 是否默认选中，※
        skuAttributeList: [           // sku属性列表 ※
          {
            attributeName: '颜色',    // sku属性名※
            attributeValue: '紫黑色',   // sku属性值※
            attributeIcon: 'http://pb9tpwgos.bkt.clouddn.com/06f7e2cefe784b44bab1c7abf5e4483a.jpg'  // sku属性icon ※
          }, {
            attributeName: '尺码',    // sku属性名※
            attributeValue: '120',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }, {
            attributeName: '长度',    // sku属性名※
            attributeValue: '7分',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }, {
            attributeName: '其他例子',    // sku属性名※
            attributeValue: '值B',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }
        ]
      }, {
        skuId: 13,
        stock: 12,                  // 库存
        imageURL: 'http://pb9tpwgos.bkt.clouddn.com/06f7e2cefe784b44bab1c7abf5e4483a.jpg',
        exampleField1: '自定义字段1',
        exampleField2: '自定义字段2',
        exampleFieldN: '自定义字段n',
        price: 28800,
        isDefaultSelected: true,      // 是否默认选中，※
        skuAttributeList: [           // sku属性列表 ※
          {
            attributeName: '颜色',    // sku属性名※
            attributeValue: '红色',   // sku属性值※
            attributeIcon: 'http://pb9tpwgos.bkt.clouddn.com/06f7e2cefe784b44bab1c7abf5e4483a.jpg'  // sku属性icon ※
          }, {
            attributeName: '尺码',    // sku属性名※
            attributeValue: '130',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }, {
            attributeName: '长度',    // sku属性名※
            attributeValue: '10分',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }, {
            attributeName: '其他例子',    // sku属性名※
            attributeValue: '值D',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }
        ]
      }, {
        skuId: 14,
        stock: 12,                  // 库存
        imageURL: 'http://pb9tpwgos.bkt.clouddn.com/06f7e2cefe784b44bab1c7abf5e4483a.jpg',
        exampleField1: '自定义字段1',
        exampleField2: '自定义字段2',
        exampleFieldN: '自定义字段n',
        price: 28800,
        isDefaultSelected: false,      // 是否默认选中，※
        skuAttributeList: [           // sku属性列表 ※
          {
            attributeName: '颜色',    // sku属性名※
            attributeValue: '蓝色',   // sku属性值※
            attributeIcon: 'http://pb9tpwgos.bkt.clouddn.com/06f7e2cefe784b44bab1c7abf5e4483a.jpg'  // sku属性icon ※
          }, {
            attributeName: '尺码',    // sku属性名※
            attributeValue: '110',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }, {
            attributeName: '长度',    // sku属性名※
            attributeValue: '10分',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }, {
            attributeName: '其他例子',    // sku属性名※
            attributeValue: '值D',   // sku属性值※
            attributeIcon: ''  // sku属性icon ※
          }
        ]
      }
    ];

    /// 注意 过滤 库存为0 的情况
    skuList = skuList.filter(item => item.stock > 0);
    this.setData({
      skuList: skuList
    });
  },

  onSkuInfoTips: function (e) {   // 当sku选择过程中，出现少选的场景时提示信息
    this.setData({
      errorMsg: e.detail.errorMsg,
      currentSelectSku: {}
    });
  },

  onSkuSelected: function (e) {  // 当sku选中时，触发次事件
    console.log('选中的sku是：', e.detail.skuItem);
    this.setData({
      currentSelectSku: e.detail.skuItem,
      errorMsg: ''
    });
  }
})